<template>
    <div class="my-header">


        <div class="title">land管理系统</div>
        <div class="info">
            欢迎 {{ message }}
        </div>
    </div>

</template>


<script setup lang="ts">
import { inject } from 'vue'

const message = inject('message')

</script>

<style scoped>
.my-header {
    display: flex;
    justify-content: space-between;
}

.my-header>.title {
    color: #fff;
    line-height: 60px;
}

.my-header>.info {
    color: #fff;
    line-height: 60px;
}
</style>
